<!DOCTYPE html>
<html lang="en">

<head>

    <head>
        <link rel="shortcut icon" href="../assets/images/favicon.ico" type="image/x-icon">
        <title>Resource Book - The ultimate collection for sprouting Devs</title>
        <link rel="stylesheet" href="../css/pages/coding-resources.css">
    </head>
</head>

<body>
    <div id="app">

        <header>
            <div id="left-head">
                <h2>A<span style="color: var(--theme)"><sub>2</sub></span>Z</h2>
            </div>
            <nav>
                <ul style="list-style: none;">
                    <li><a href="../index.html" title="Explorer">Explorer</a></li>
                    <li><a href="." title="Roadmaps">Roadmaps</a></li>
                    <li><a href="." title="Resource Finder">Resource Finder</a></li>
                    <li>|</li>
                    <li><a href="." title="SignUp">SignUp</a></li>
                    <li><a class="button-link" data-color="#02ccba" href=".">Login</a></li>
                </ul>
            </nav>
        </header>

        <main>
            <h1 class="heading">Coding Resources <span style="color: var(--theme);">how to learn xyz</span></h1>
            <section id="main-list">
                <div class="box" style="background-color: #A062E5;"><a>Machine<br>Learning</a></div>
                <div class="box" style="background-color: #2CD0C2;"><a>Deep<br>Learning</a></div>
                <div class="box" style="background-color: #2E3D49;"><a>Python</a></div>
                <div class="box" style="background-color: #E2953B"><a>C</a></div>
                <div class="box" style="background-color: #CC4368"><a>C++</a></div>
                <div class="box" style="background-color: #2E3D49"><a>R</a></div>
                <div class="box" style="background-color: #2CD0C2"><a>Haskell</a></div>
                <div class="box" style="background-color: #CC4368"><a>Backend<br>Development</a></div>
                <div class="box" style="background-color: #05AA9B"><a>Frontend<br>Development</a></div>
                <div class="box" style="background-color: #E2953B"><a>Android<br>Development</a></div>
                <div class="box" style="background-color: #AD66E3"><a>Data<br>Structures</a></div>
                <div class="box" style="background-color: #2E3D49"><a>Git<br>&<br>GitHub</a></div>
                <div class="box" style="background-color: #CC4368"><a>Alexa<br>Tutorials</a></div>
            </section>
        </main>

        <section id="separator">
            <h1>Want to stay updated on latest Coding Resources?</h1>
            <form action="">
                <input type="email" spellcheck="false" name="email" id="email" placeholder="Enter your Email ID here">
                <input type="submit" value="SEND NUDES" id="send-nudes">
            </form>
        </section>

        <footer>
            <div id="footer-container">
                <div id="footer-left">
                    <h1>A<span style="color: var(--theme)"><sub>2</sub></span>Z</h1>
                </div>

                <div id="footer-right">
                    <div class="support-links">
                        <p>Willing to contribute?</p>
                        <a class="button-link" style="background-color: #111" href="https://github.com/dipakkr/A-to-Z-Resources-for-Students">GitHub</a>
                    </div>
                    <div class="support-links">
                        <p>Join our Gitter Lobby</p>
                        <a class="button-link" style="background-color: #CC4368">Gitter</a>
                    </div>
                </div>

                <div id="claim">
                    <p>This project was initiated in 2018 by Deepak Kumar</p>
                    <p>Made with <span style="color: #CC4368;">&#10084;</span> by the Open Source</p>
                </div>
            </div>
        </footer>

    </div>
</body>

</html>